angular.module('app.routes', [])

.config(function($stateProvider, $urlRouterProvider) {

    // Ionic uses AngularUI Router which uses the concept of states
    // Learn more here: https://github.com/angular-ui/ui-router
    // Set up the various states which the app can be in.
    // Each state's controller can be found in controllers.js
    $stateProvider

    .state('tabsController.cameraTabDefaultPage', {
        url : '/page2',
        views : {
            'tab1' : {
                templateUrl : 'static/templates/cameraTabDefaultPage.html',
                controller : 'cameraTabDefaultPageCtrl'
            }
        }
    })

    .state('tabsController.cartTabDefaultPage', {
        url : '/page3',
        views : {
            'tab2' : {
                templateUrl : 'static/templates/cartTabDefaultPage.html',
                controller : 'cartTabDefaultPageCtrl'
            }
        }
    })

    .state('tabsController.cloudTabDefaultPage', {
        url : '/page4',
        views : {
            'tab3' : {
                templateUrl : 'static/templates/cloudTabDefaultPage.html',
                controller : 'cloudTabDefaultPageCtrl'
            }
        }
    })

    .state('tabsController', {
        url : '/page1',
        templateUrl : 'static/templates/tabsController.html',
        abstract : true
    })

    .state('menu2', {
        url : '/side-menu22',
        templateUrl : 'static/templates/menu2.html',
        controller : 'menu2Ctrl'
    })

    $urlRouterProvider.otherwise('/page1/page2')

});